/* 
	Theme Name: Cindy
	Theme URL: http://zjuhpp.com
	Description: ^_^
	Author: 韩小麦
	Author URI: http://zjuhpp.com
	Version: 1.0
*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, pre,
a, table, tbody, tfoot, thead, tr, th, td, ul, ol, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


h2{
font-size:1.8em;
}

h3{
font-size:1.2em;
}




ul{
	list-style:none outside none;
}

a img{
border:0px;
}

div{
border-style:solid;
border-width:0px;
}


html{
background: url(images/background2.jpg) repeat top left;
font-family: Times, serif;
font-size:1.2em;
color:#2D2D2D;
height:100%;
overflow-x:hidden;
}



a{
 color: #9B283E;
	text-decoration: none;


}


a:focus, a:hover{
   color: #577549;
    text-decoration: none;

}




.clearfix{
	display:block;
}


#wrapper{
	
width:960px;
margin:0 auto;
background: url(images/body_pink.jpg) repeat  scroll left top transparent;
font-size:0.8em;
}

#header{
height:272px;
}

#footer{
	background: url("images/footer_frills.png") no-repeat scroll 0 0 transparent;
	margin:0 auto;
	height: 190px;
    width: 960px;
}


.logo{
float:left;
width:400px;


}
#branding{
background: url(images/logo.png) no-repeat 10px 20px;
width:331px;
height:202px;
text-indent:-9999em;
}


#branding a {
    display: block;
    float: left;
    height: 157px;
    margin-top: 20px;
    width: 304px;
}



.tweet{
float:left;
margin-left:160px;
padding: 20px 0px 0px 60px;
background: url(images/basket_banner.png) no-repeat; 
height: 56px; 
width: 320px;
color:#FFFFFF;
font-size:1.2em;
}


.navgation{
	background:none repeat scroll 0 0 #899B5C;
	clear:both;
	float:left;
	width:960px;
	z-index:900;
	margin:10px 0;
	
}
	
		
.navgation ul {
	float:left;
}
	
	
.navgation ul li{
	
	float:left;
	margin-left:-10px;
	position:relative;
	padding:5px 10px;
	z-index:900;
	
}

.navgation ul li a{
	padding:10px;
	text-decoration:none;
	z-index:900;
	color:#FFF;
	display:block;
	
}

.navgation ul li a:hover{
	text-decoration:underline;
	z-index:900;
	
}
	
	
.navgation li ul {
    clear: both;
    left: -999em;
    line-height: 1;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 34px;
    width: 180px;
	
}
.navgation li:hover ul, .navgation li.sfhover ul {
    left: auto;
	
    z-index: 100;
}
.navgation li ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 180px;
	
}
.navgation li ul li a, .navgation li ul li a:visited, .navgation li ul li a:link {
    background: none repeat scroll 0 0 #899B5C;
    color: #FFFFFF;
    font-size: 90%;
    font-weight: normal;
    height: 20px;
    padding: 10px 5px 10px 15px;
    text-align: left;
    width: 180px;
}
.navgation li ul li a:hover {
    background: none repeat scroll 0 0 #899B5C;
    
    color: #FFFFFF;
}
.navgation li ul li:hover, .navgation li ul li.sfhover {
    position: static;
}	
	
	
	
	
	
	
	
	
	
	
.searchpanel{
	float:right;
	margin-top:10px;	
	width:300px;
	height:30px;
}



#serachform input{
	border-radius:5px 5px 5px 5px;
	float:left;
}

#searchform {
    float: left;
    font-size: 1.2em;
    margin-right: 6px;
    padding-top: 6px;
}


#s {
    background: url("images/search.jpg") no-repeat scroll 170px 50% #F9F9F9;
    color: #939393;
    margin: 0 6px 0 0;
    padding: 3px;
    width: 185px;
}

.formbutton {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #9B283E;
    border-color: #8C98A1 #5F6C76 #5F6C76 #8C98A1;
    border-right: 1px solid #5F6C76;
    border-style: solid;
    border-width: 1px;
    color: #F6F6F6;
    letter-spacing: 1px;
    margin-right: 6px;
    padding-top: 6px;
}

.formbutton:focus, .formbutton:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #577549;
    border-color: #5F6C76 #8C98A1 #8C98A1 #5F6C76;
    border-right: 1px solid #8C98A1;
    border-style: solid;
    border-width: 1px;
}

.formbutton:active {
    background: none repeat scroll 0 0 #577549;
}


img.rose_top {
	position:relative;
	top:50px;
	left:450px;

	

}




/*sidebar*/
#primary{
	float:right;
	width:220px;
}

#container{
    clear: both;
    overflow: hidden;
	margin: 0px auto;
	padding:0 20px 20px 20px;

}




#main{
    background: url("images/bg-pattern.gif") repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
    width: 880px;
	margin: 0px auto;


}


#main{
	float:left;
	width:640px;
}


#content{
	margin: 0 auto;
	clear:both;
	
	
}


#footer{
	clear:both;
}

/*slidershow on index page*/

#featured{
    background: url("images/featured.gif") repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
	float:left;
	width:630px!important;
	width:640px;
	margin-bottom:10px;
	height:240px!important;
	height:220px;
padding:10px;

}



.slider_image,.slider_image img {
	float: left;
	width:320px;
	height:220px;
	
	}
.slider_post {
	float:right;
	width:280px;
	padding-left:10px;
	background:transparent;
	}
.slider_post p{
	margin-top:5px;
	}

#slider_nav  {
	position:absolute;
	display:block;
	width:150px;
	height:25px;
	z-index:999;
	margin:200px 0 0 180px;
	}
#slider_nav a {
	background:url("images/slider_nav.png");
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	padding:0 8px 0 8px;
	color:#ebebeb;
	}
div#slider_nav a.activeSlide { color:#f99356;}

#slideshow{
padding:10px;
}

#slider, .featured_post{
background: url("images/featured.gif") repeat scroll 0 0 transparent;
}



/*End of slidershow on index page*/

/*recent comments on index page*/

#recent-comments{
    background: url("images/recent-comment.gif") repeat scroll 0 0 transparent;
    border-radius: 10px 10px 10px 10px;

float:right;
width:245px;
height:260px;
}

#recent-comments .title{
font-family:"Courier New", Courier, monospace;
font-weight:bold;
padding:5px 0 5px 10px;
font-size:1.1em;
}

.singlecomm{

}

.recentcomm{
padding:5px;

}

.recentcomm li{
height:35px;
padding:3px 0 3px 10px;
display:block;
border-bottom:1px dashed #999999;
}


.recentcomm li a{
display:block;

}

.recentcomm li a .avatar{
display:block;
width:34px;
float:left;
}


.recentcomm li a .author{
display:block;
padding-left:37px;


}

.recentcomm li a .commdetail{
display:block;
padding-left:37px;


}




/*Posts*/

#content .post{

    background: url("images/bg-pattern.gif") repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
	height:230px;
    width: 880px;
	margin: 10px auto;
}





.post-end{
background: url("images/dotted.png") no-repeat scroll center bottom transparent;
    clear: both;
    height: 10px;
	margin-top:5px;


}


.entry-title, .entry-title a{
 color: #666666;
    padding:0 0  5px 0;
	text-decoration: none;
	text-shadow:#FFF;


}


.entry-title a:focus, .entry-subtitle a:focus, .entry-title a:hover{
   color: #0088CC;
    text-decoration: none;

}


/* post comment */
.entry-title sup {
	display: inline-block;
	vertical-align: top;
}
.entry-title sup a {
	background: url(images/comment-num.png) no-repeat 0 0;
	font: normal 0.8em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	text-shadow: none;
	width: 40px;
	height: 30px;
	display: block;
	margin-left: 12px;
	padding-top: 3px;
	padding-bottom: 4px;
}

.thumbnail-box {
    border: 1px solid #CCCCCC;
    float: left;
    height: 150px;
    margin: 5px 10px 5px 0;
    padding: 4px;
    width: 200px;
}


/*postmeta*/
.post-meta{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
padding-bottom:5px;
color:#999999;

}

.postdate{
text-align:center;
font-weight:bold;
}

.author{

}




/*post content*/

.entry-content{
padding-top:10px;

}

.entry-content p{
line-height:130%;
margin:0 0 .8em 0;

}


.single-post {
}




.more{
padding-top:20px;
}

.wp-caption{border: 1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin-top:10px;margin-bottom:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption img{margin:0;padding:0;border:0 none;}





/*comment*/

#comments{
margin-top:60px;
border-top:#9B283E dashed 1px;

}

.comments-title{
display:block;
font-size:1.2em;
margin:10px 0 10px 0;
border-top:1px solid #eee;clear:both;
}

.commentlist {
 margin: 10px 0 0;

}
.commentlist .comment {
	border-top: 1px dashed #CCCCCC;
	
    list-style: none outside none;
    margin: 20px 0 0 0;
    padding: 10px;
}
.commentlist li {
    position: relative;
}

ul.children{margin:0 0 0 40px;}

.commentlist .comment-author-admin {
    background: none repeat scroll 0 0 #FFFFFF;
}
.commentlist p {
    line-height: 130%;
    margin: 0 0 0 45px;
}

#avatar-box{

 border: 1px solid #CCCCCC;
    float: left;
    height: 32px;
    margin: 0 10px 5px 0;
    padding: 2px;
    width: 32px;
}


#avatar{
width:32px;
height:32px;
float:left;

}


.comment-author strong{


}

#commentform textarea{
display:block;
margin:10px 0 10px 0;
overflow:hidden;
border-radius:5px 5px 5px 5px;
border: 1px solid #B5818D;

}
input, textarea {
    padding: 4px;
	
}

#commentform input{

border-radius: 5px 5px 5px 5px;

}

#commentform input.text, #commentform input[type='text'], #commentform select {
width:285px;
border: 1px solid #B5818D;
}


#commentform textarea:focus,#commentform textarea:hover,#commentform input[type="text"]:focus,#commentform input.text:focus,#commentform input[type="text"]:hover, select:focus, select:hover {
    border-color: #9CBA65;
}


#comment-author-info p{
height:30px;


}


.datetime{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#999999;


}

#cancel-comment-reply-link, .edit_and_reply{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
	text-transform: uppercase;

}

.comment-edit-link, .comment-reply-link{
padding-left:4px;
}

.comment-reply-link{
	background: url(images/reply.png) no-repeat 0 0;
	padding-left: 14px;
}



.edit_and_reply a:hover, .edit_and_reply a:focus{
	background-color: #f5ec82;

} 

#edita{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#999999;
}






/** Paging **/
.paging {
	clear:both;
	width:700px;
	margin: 10px 0 0 0;
	text-align:left;
	}
.paging {
	line-height:25px;
	}
	
.paging span, .paging a {
	font-size:0.9em;
	margin: 2px 6px 2px 0;
	background:#F9FB97;
	color:#577549;
	padding:3px 6px 3px 6px;
	}
.paging a:hover {
	background:#F1FA89;
	border:1px solid #fff;
	color:#fff;
	}
.paging .current {
	background: #F9FB97;
	color:#9B283E;
	font-size:12px;
	padding:3px 6px 3px 6px;
	}



.whereAmI {
    border-bottom: 1px solid #EEEEEE;
    color: #9B283E;
    font-size: 1.7em;
    margin-bottom: 20px;
    padding: 0 0 10px 15px;
}


/*previous and next post section in single page*/
#previous-and-next{
clear:both;
padding-top:60px;
font-size:1.1em;

}

#previous-and-next span{
font-size:0.6em;
color:#999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



.previous-post{
	background: url("images/br_prev.png") no-repeat left transparent;
	padding-left:40px;
float:left;
text-align:left;
width:270px;
}

.next-post{
	background: url("images/br_next.png") no-repeat right transparent;
	padding-right:40px;
float:right;
width:270px;
text-align:right;

}



/*Sidebar*/


.xoxo li a{

}

.xoxo li{
	list-style: none;
}


.xoxo li ul{
margin-left:10px;
}

.widget-title{
font-size:1.1em;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
padding:5px 0 5px 10px;
}

.widget-container{
margin-bottom:20px;
background:#f4f4f4;
border-radius: 5px 5px 5px 5px;
padding:10px;


}



.copyinfo{
padding-top:160px;
padding-bottom:30px;
font-size:0.7em;

}







